<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="../iconfont/iconfont.css">
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/public.css">
    <link rel="stylesheet" href="../css/index.css">
</head>

<body>
    <!-- head -->
    <header>
        <div class="header-con">
            <a href="##"><img class="logo float_left" src="../images/logo.svg" alt=""></a>
            <ul class="nav">
                <li><a href="###" style="font-weight: bolder">首页</a></li>
                <li>
                    <a href="###">发现</a>
                    <div class=" discover-box hide">
                        <div class="discover-box-list">
                            <div>
                                <a href="##">平面</a>
                                <i></i>
                            </div>
                            <div>
                                <a href="##"> UI</a>
                                <i></i>
                            </div>
                            <div>
                                <a href="##">网页</a>
                                <i></i>
                            </div>
                            <div>
                                <a href="##">插画</a>
                                <i></i>
                            </div>
                            <div>
                                <a href="##">动漫</a>
                                <i></i>
                            </div>
                            <div>
                                <a href="##">摄影</a>
                                <i></i>
                            </div>
                            <div>
                                <a href="##">空间</a>
                            </div>
                            <div>
                                <a href="##">工业产品</a>
                                <i></i>
                            </div>
                            <div>
                                <a href="##">三维</a>
                                <i></i>
                            </div>
                            <div>
                                <a href="##">影视</a>
                                <i></i>
                            </div>
                            <div>
                                <a href="##">手工艺</a>
                                <i></i>
                            </div>
                            <div>
                                <a href="##">纯艺术</a>
                                <i></i>
                            </div>
                            <div>
                                <a href="##">服装</a>
                                <i></i>
                            </div>
                            <div>
                                <a href="##">其他</a>
                            </div>
                        </div>
                        <div class="discover-check-all">
                            <div><a href="##">精选作品 ></a></div>
                            <div><a href="##">精选文章 ></a></div>
                            <div><a href="##">精选收藏 ></a></div>
                        </div>

                    </div>
                </li>
                <li>
                    <a href="###">职位</a>
                    <div class="menu-list">
                        <p><a href="##">职位</a></p>
                        <p><a href="##">公司</a></p>
                        <p><a href="##">+发布职位</a></p>
                    </div>
                </li>
                <li>
                    <a href="###">活动</a>
                    <div class="menu-list">
                        <p><a href="##">设计大赛</a></p>
                        <p><a href="##">专题策划</a></p>
                        <p><a href="##">线上活动</a></p>
                        <p><a href="##">线下活动</a></p>
                        <p><a href="##">学习音频</a></p>
                    </div>
                </li>
                <li>
                    <a href="###">正版素材</a>
                    <div class="menu-list">
                        <p><a href="##">图片</a></p>
                        <p><a href="##">视频</a></p>
                        <p><a href="##">字体</a></p>
                        <p><a href="##">音乐</a></p>
                        <p><a href="##">我要供图</a></p>
                    </div>
                </li>
                <li>
                    <a href="###">课程</a>
                    <div class="menu-list">
                        <p><a href="##">免费直播周周见</a></p>
                        <p><a href="##">正在热销</a></p>
                        <p><a href="##">口碑好课</a></p>
                    </div>
                </li>
                <li>
                    <a href="###">版权保护</a>
                    <div class="menu-list">
                        <p><a href="##">区块链存证</a></p>
                        <p><a href="##">作品登记证书</a></p>
                        <p><a href="##">维权服务</a></p>
                    </div>
                </li>
                <li>
                    <a href="###" style="font-weight: bolder;font-size:20px;">···</a>
                    <div class="menu-list">
                        <p><a href="##">设计师</a></p>
                        <p><a href="##">榜单</a></p>
                        <p><a href="##">站酷APP</a></p>
                        <p><a href="##">站酷字库</a></p>
                    </div>
                </li>
            </ul>
            <div class="header_right float_right">
                <span class="fangdajing"><i class="iconfont icon-fangdajing"></i></span>
                <span class="yun"><i class="iconfont icon-yunduanshangchuan"></i></span>
                <span class="loadding">
                    <a href="##">登录<i></i></a>
                    <a href="##">注册</a>
                </span>
            </div>
        </div>
    </header>
    <!-- banner -->
    <main class="banner">
        <div id="container">
            <a id="prev_btn"><img src="../images/zuo-copy.png" /></a>
            <a id="next_btn"><img src="../images/you-copy.png"></a>
            <ul id="banner_container">
                <li><img src="../images/banner1.jpg" alt=""></li>
                <li><img src="../images/banner2.jpg" alt=""></li>
                <li><img src="../images/banner3.jpg" alt=""></li>
                <li><img src="../images/banner4.jpg" alt=""></li>
                <li><img src="../images/banner5.png" alt=""></li>
                <li><img src="../images/banner6.png" alt=""></li>
                <li><img src="../images/banner7.png" alt=""></li>
                <li><img src="../images/banner8.png" alt=""></li>
                <li><img src="../images/banner1.jpg" alt=""></li>
            </ul>
        </div>
    </main>
    <!-- banner-bottom -->
    <main>
        <ul class="banner-bottom">
            <li><a href="##"><img src="../images/banner-bottom1.jpg" alt=""></a></li>
            <li><a href="##"><img src="../images/banner-bottom2.jpeg" alt=""></a></li>
            <li><a href="##"><img src="../images/link3.jpg" alt=""></a></li>
            <li><a href="##"><img src="../images/banner-bottom3.jpg" alt=""></a></li>
            <li><a href="##"><img src="../images/link1.jpg" alt=""></a></li>
        </ul>
    </main>
    <!-- select -->
    <main class="select-container">
        <div class="select">
            <p>
                <a href="###" class="shouye">首页推荐</a>
            </p>
            <p>
                <a href="###" class="newleast">最新发布</a>
            </p>
        </div>
    </main>
    <!-- list -->
    <div class="list-container">
        <div class="list-con">
            <!-- <div class="card-box">
                <div class="card-img">
                    <a href="##"><img src="../images/list1.jpg" alt=""></a>
                </div>
                <div class="card-tittle">
                    <p class="tittle1"><a href="###">山田土【裱白】系列茶礼</a></p>
                    <p class="tittle2">平面-包装</p>
                    <p class="tittle3">
                        <span class="tittle3-1">6429</span>
                        <span class="tittle3-2">20</span>
                        <span class="tittle3-3">226</span>
                    </p>
                </div>
                <div class="card-bottom">
                    <span>
                        <a href="##" class="text_ellipsis">
                            <img src="../images/shan.jpg" alt="">
                            <i>深圳山田土</i> 
                        </a>
                    </span>
                    <span class="hours">22小时前</span>
                </div>
            </div> -->
        </div>
    </div>
    <!-- fanye -->
    <section>
        <ul class="fanye">
            <li><a href="###" class="active">1</a></li>
            <li><a href="###">2</a></li>
            <li><a href="###">3</a></li>
            <li><a href="###">4</a></li>
            <li><a href="###">5</a></li>
            <li><a href="###">6</a></li>
            <li><a href="###">7</a></li>
            <li><a href="###">...</a></li>
            <li><a href="###">99</a></li>
            <li><a href="###">100</a></li>
            <li><a href="###" class="you-fanye"></a></li>
        </ul>
    </section>
    <!-- zhibo -->
    <div class="zhibo">
        <a href="##"><img src="../images/zhibo.jpg" alt=""></a>
    </div>
    <!-- course -->
    <div class="course">
        <div class="course-con">
            <div class="course-title">
                <h1>推荐课程</h1>
                <span>换一换</span>
            </div>
            <div class="course-container">
                <!-- <dl class="course-box">
                    <dt><img src="../images/link2.jpeg" alt=""></dt>
                    <dd class="text_ellipsis"><a href="##" >AE·MG动画设计实战班（第4期）下周开课</a></dd>
                </dl> -->
            </div>
        </div>
    </div>
    <!-- footer -->
    <footer>
        <div class="footer-con">
            <div class="footer-top">
                <div class="footer-top_left float_left">
                    <a href="##" class="phone">移动版<i></i></a>
                    <a href="##">关于我们</a>
                    <a href="##">用户协议</a>
                    <a href="##">隐私政策</a>
                    <a href="##">侵权申诉</a>
                    <a href="##">企业服务</a>
                    <a href="##">帮助中心</a>
                    <a href="##">联系我们</a>
                    <a href="##">中文</a>
                    <a href="##">English</a>
                </div>
                <div class="footer-top_right float_right">
                    <span class="weixin"><i></i></span>
                    <span class="weibo"></span>
                </div>
            </div>
            <p>
                <a href="##">京公网安备11010502000501号</a><i></i>
                <a href="##">广播电视节目制作经营许可证（京）字第06990号</a><i></i>
                <a href="##">京ICP备11017824号</a><i></i>
                <a href="##">京ICP证130164号</a>
            </p>
            <p>
                <a href="##">营业执照</a><i></i>
                <a href="##">网上有害信息举报专区</a><i></i>
                <a href="##">不良信息举报电话：010-56538658</a><i></i>
                <a href="##">举报邮箱 jubao@zcool.com.cn</a><i></i>
                <a href="##">联系电话：010-56538600Copyright © 2006-2020 ZCOOL站酷</a>
            </p>
        </div>

    </footer>
    <!-- zhiding -->
    <div class="zhiding"></div>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script src="../js/banner.js"></script>
    <script src="../js/data.js"></script>



</body>

</html>